<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <title></title>
    <meta name="Generator" content="Cocoa HTML Writer">
    <meta name="CocoaVersion" content="1504.76">
    <style type="text/css">
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
    body{
        padding:0;
        margin:0;
    }

    </style>
<!--    <link rel="stylesheet" type="text/css" href="./button.css">-->
    <script type="text/javascript">

  // 原生定位交互方法
  // longitude 经度
  // latitude 纬度

  function locationFromNatives(longitude,latitude){
    console.log("callByAndroid_param")
    alert("Js收到消息："+longitude + latitude);
      showElement("Js收到消息-->定位方法调用,参数:"+"经度"+longitude+ "\n纬度"+ latitude);
  }
   // 原生导航交互方法
  // longitude 经度
  // latitude 纬度
  // type 终点类型 0 车位编号 1停车场出库编号
  // code 终点编号
  function navigationFromNatives(longitude,latitude,type,code){
    console.log("callByAndroid_param")
    alert("Js收到消息："+longitude + latitude +type +code);
   showElement("Js收到消息-->导航方法调用,参数:"+"经度"+longitude + "\n纬度"+latitude +"\n终点类型"+type +"\n终点编号"+code);
  }

  function callByAndroidInteraction(msg){

    showElement(msg)
    alert("Js收到消息："+msg);
    window.setTimeout(sendHelloToAndroid,1000);

  }
  function sendHelloToAndroid() {
      // body...
      //console.log("call android")
      if(window.android!=null&&typeof(window.android)!="undefined"){
        window.android.callAndroid("你好，Android! ");
      }else{
         alert(typeof(window.android));
      }

  }

  function showElement(msg){
      var div   =document.getElementById("div_box");  //获取div
      var ele=document.createElement('h6');    //创建h2元素节点
      ele.innerHTML=msg;                //设置h2节点的内容
      div.appendChild(ele);                    //添加子节点ele


}


    </script>
</head>
<body style="width: 100%;height: 100%;padding: 0px">

<p>网页</p>
<div id="div_box"
     style="width: 100%;min-height: 100%;position: absolute;background: #f5f5f5;margin-top: -50px;margin: 0px">

</div>
</body>
</html>